import React from 'react';
import { Result, Button } from 'antd';
import { useNavigate } from 'react-router-dom';

// 404 页面组件
const NotFound: React.FC = () => {
  const navigate = useNavigate();

  // 返回首页
  const goHome = () => {
    navigate('/dashboard');
  };

  // 返回上一页
  const goBack = () => {
    navigate(-1);
  };

  return (
    <div className="not-found">
      <Result
        status="404"
        title="404"
        subTitle="抱歉，您访问的页面不存在。"
        extra={[
          <Button type="primary" key="home" onClick={goHome}>
            返回首页
          </Button>,
          <Button key="back" onClick={goBack}>
            返回上一页
          </Button>,
        ]}
      />
    </div>
  );
};

export default NotFound; 